<template>
	<view class="bbsRightBar flexAll" @tap="handleTap" :style="{width:initWidth + 'px',height:navigationBarHeight + 'px',left:(menuBarLeft-initWidth) + 'px',top:statusBarHei + 'px',color:conCol}">
		<slot name="rightBarCon"></slot>
		<!-- <text class="iconfont icon-sq-search"></text> -->
	</view>
</template>

<script>
	export default {
		props:{
			initWidth:{
				type:Number,
				default:50
			},
			conCol:{
				type:String,
				default:'#1F2463'
			}
		},
		data(){
			return{
				statusBarHei:getApp().globalData.statusBarHeight,
				menuBarLeft:getApp().globalData.menuBarLeft,
				navigationBarHeight:getApp().globalData.navigationBarHeight
			}
		},
		methods:{
			handleTap(){
				this.$emit('handleTap')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bbsRightBar{
		position: absolute;
	}
</style>